<div id="demos-tab-panel" class="panel" role="tabpanel">
  <h2 class="demo-header">HTML</h2>
  <pre class="code"><code><!--
-->&lt;<span class="code-token">base target</span><b>=<span class="code-target">htmz</span>></b>

<span class="code-comment">&lt;!-- Loads static HTML onto #my-tab-panel --&gt;</span>
&lt;<span class="code-token">div role</span>="<span class="code-token">tablist</span>">
  &lt;<span class="code-token">a role</span>="<span class="code-token">tab</span>" <span class="code-token">href</span>="<i>/dog.html</i><b>#my-tab-panel</b>">Dog&lt;/<span class="code-token">a</span>> |
  &lt;<span class="code-token">a role</span>="<span class="code-token">tab</span>" <span class="code-token">href</span>="<i>/cat.html</i><b>#my-tab-panel</b>">Cat&lt;/<span class="code-token">a</span>> |
  &lt;<span class="code-token">a role</span>="<span class="code-token">tab</span>" <span class="code-token">href</span>="<i>/horse.html</i><b>#my-tab-panel</b>">Horse&lt;/<span class="code-token">a</span>>
&lt;/<span class="code-token">div</span>>

<span class="code-comment">&lt;!-- This will be replaced by the loaded HTML --&gt;</span>
&lt;<span class="code-token">div id</span>="<b>my-tab-panel</b>" <span class="code-token">role</span>="<span class="code-token">tabpanel</span>">&lt;/<span class="code-token">div</span>><!--
--></code></pre>
  <h2 class="demo-header">Result</h2>
  <div class="demo-result">
    <div role="tablist">
      <a role="tab" href="demos/tabs/dog.html#my-tab-panel">Dog</a> |
      <a role="tab" href="demos/tabs/cat.html#my-tab-panel">Cat</a> |
      <a role="tab" href="demos/tabs/horse.html#my-tab-panel">Horse</a>
    </div>
    <div id="my-tab-panel" role="tabpanel"></div>
  </div>
</div>
